<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CK宠物狗狗 主页</title>
	<script src="jquery/jquery.min.js"></script>
	<script src="layer/layer.js"></script>

	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<link rel="stylesheet" type="text/css" href="css/head-footer.css"/>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/login.css"/>
	<link rel="stylesheet" type="text/css" href="layer/layui.css"/>
	
	<script type="text/javascript">
		$(document).ready(function (){
			$("#tologin").on("click",function(){
			  	layer.open({
			        type: 1
			        ,title: '用户登录'
			        ,closeBtn: false
			        ,area: ['400px', '270px']
			        ,shade: 0.8
			        ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
			        ,btn: ['登录', '取消']
			        ,moveType: 1 //拖拽模式，0或者1
			        ,content: "<div style=padding:5px;margin:0 auto;text-align:center;>"+
			        				"<div class=out>"+
			        					"<table>"+
			        						"<tbody>"+
			        							"<tr>"+	
			        								"<th><span>用户名"+"</span></th>"+
			        								"<td><input type=text name=username id=username ></input></td>"+
			        								"<td class=tips><a href=''>立即注册</a></td>"+
			        							"</tr>"+
			        							"<tr>"+	
			        								"<th><span>密码"+"</span></th>"+
			        								"<td><input type=password name=password id=password ></input></td>"+
			        								"<td class=tips><a href=''>忘记密码</a></td>"+
			        							"</tr>"+
			        							"<tr>"+	
			        								"<th><span>验证码"+"</span></th>"+
			        								"<td class=yanzheng><input type=text name=yanzheng id=yanzheng ></input></td>"+
			        							"</tr>"+
			        							"<tr>"+	
			        								"<th></th>"+
			        								"<td ><img class=testCode src=/ValiImg onclick=changeImg(this) style=cursor: pointer/><a href=''>换一张</a></td>"+
			        								
			        							"</tr>"+
			        						"</tbody>"+
			        		   			"</table>"+
			        		   		"</div>"+
			        		   "</div>"
			        ,success: function(layero){
			          var btn = layero.find('.layui-layer-btn');
			          btn.css('text-align', 'center');
			          btn.find('.layui-layer-btn0').attr("href","javascript:");
			        }

			    });
			});

			$(".layui-layer-btn0").click(function (){		
				var username = $("#username").val().trim();
				var password = $("#username").val().trim();
				var yanzheng = $("#username").val().trim();
				//1.非空校验
				if(username == null || password == null || yanzheng == null){
					layer.tips('信息不能为空!', '#username');
					layer.msg('信息不能为空!', {offset: 't',anim: 6});
					return ;
				}
				//2.提交数据
				$.ajax({
					type:"POST",
					url:"#",
					data:{
						username:username,
						password:password,
						yanzheng:yanzheng
					},
					success:function(){
						layer.msg("欢迎登录!",{shift: 1});
					},error(){
						layer.msg("请求失败!",{shift: 6});
						return;
					}
				});
				
	  		});
		});

		function changeImg(img){
			img.src = img.src+"?time="+new Date().getTime();
		}
	</script>
</head>

<body>
	<!-- 头部-->
	<div class="headnav">
		<div class="topBar">
			<div class="topBarL">
				<div class="logo">
					<h2>
						<a href="" title="CK宠物领养网">
							<img src="images/client/logo.jpg" alt="" border="0">
						</a>
					</h2>
				</div>
				<div class="nav">
					<ul>
						<li class="on">
							<a href="">首页</a>
						</li>
						<li>
							<a href="">新闻</a>
						</li>
						<li>
							<a href="">领养</a>
						</li>
						<li>
							<a href="">知识</a>
						</li>
						<li>
							<a href="">商品</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="topBarR">
				<form action="#" method="post">
					<input type="text" class="search" required="" placeholder="请输入搜索的内容..." target="_blank">
				</form>
				<ul>
					<li class="tologin">
						<a class="logina" href="javascript:" id="tologin">登录</a>
					</li>
					<li>
						<a class="user_login" style="padding: 1px 0 0 0; margin: 0;">|</a>
					</li>
					<li class="toregist">
						<a class="" href="/study/toregist">注册</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<!-- 中间内容-->
	<div class="wp">
		<div class="contents">
			<div class="divtop" >
				<div class="divtop-left" >
					<p>● 旅游领养日 25只狗狗找到了家/2017-1-25 <a href="">[点击查看]</a></p>
				</div>
				<div class="divtop-right">
					<a href="" class="btn btn-default btn-sm" type="button">官方微博</a>
				</div>
			</div>
			<div class="inner">
				<div class="inner-left">
					<div class="imgs">
						<div class="imgs-left">
							<a href="" target="_blank" title="白领族这些狗狗啱你养">
								<img src="images/client/img-4.jpg">
							</a>
						</div>
						<div class="imgs-right">
							<ul>
								<li class="on">
									<div class="color1">
										当残疾动物装上3D打印假肢 其它动物都哭了
									</div>
								</li>
								<li>
									<div class="color1">
										花900元网购宠物狗 收到的竟是一只玩具熊
									</div>
								</li>
								<li>
									<div class="color1">
										CK最爱的狗狗...
									</div>
								</li>
								<li>
									<div class="color1">
										白领族这些狗狗啱你养
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="readlead">
						<div class="tip">
							<h4>
								精选导读
							</h4>
						</div>
						<div class="list">
							<div class="item" id="item-1">
								<div class="pic">
									<a href="" target="_blank">
										<img src="images/client/pic-1.jpg" alt="当残疾动物装上3D打印假肢 其它动物都哭了">
									</a>
								</div>
								<div class="txt">
									<h2>
										<a href="" target="_blank">当残疾动物装上3D打印假肢 其它动物都哭了</a>
									</h2>
									<p>人们经常过度的关心自身，而忽略了与人类共同生活在地球上动物们，其实他们和人类一样</p>
								</div>
							</div>
							<div class="item-line" ></div>
							<div class="item" id="item-2">
								<div class="pic">
									<a href="" target="_blank">
										<img src="images/client/pic-1.jpg" alt="当残疾动物装上3D打印假肢 其它动物都哭了">
									</a>
								</div>
								<div class="txt">
									<h2>
										<a href="" target="_blank">当残疾动物装上3D打印假肢 其它动物都哭了</a>
									</h2>
									<p>人们经常过度的关心自身，而忽略了与人类共同生活在地球上动物们，其实他们和人类一样</p>
								</div>
							</div>
							<div class="item" id="item-3">
								<div class="pic">
									<a href="" target="_blank">
										<img src="images/client/pic-1.jpg" alt="当残疾动物装上3D打印假肢 其它动物都哭了">
									</a>
								</div>
								<div class="txt">
									<h2>
										<a href="" target="_blank">当残疾动物装上3D打印假肢 其它动物都哭了</a>
									</h2>
									<p>人们经常过度的关心自身，而忽略了与人类共同生活在地球上动物们，其实他们和人类一样</p>
								</div>
							</div>
							<div class="item-line" ></div>
							<div class="item" id="item-4">
								<div class="pic">
									<a href="" target="_blank">
										<img src="images/client/pic-1.jpg" alt="当残疾动物装上3D打印假肢 其它动物都哭了">
									</a>
								</div>
								<div class="txt">
									<h2>
										<a href="" target="_blank">当残疾动物装上3D打印假肢 其它动物都哭了</a>
									</h2>
									<p>人们经常过度的关心自身，而忽略了与人类共同生活在地球上动物们，其实他们和人类一样</p>
								</div>
							</div>
						</div>
					</div>
					<div class="newadoption">
						<div class="dopt-tip">
							<h4>
								最新领养
							</h4>
							<div class="count">
								<i></i>
								 今日更新
								<strong>0</strong>
								篇 
								<em></em>
							</div>
						</div>
						<div class="dopt-list">
							<ul>
								<li class="pbox">
									<div class="img">
										<a href="" class="sort" target="_blank"> 北京宠物领养 </a>
										<a href="" target="_blank"  >
											<img src="images/client/adopt/1.jpg" title="北京西城救助白色母猫求好心人领养">
										</a>
									</div>
									<div class="word">
										<a href="" target="_blank">
											<h2>北京西城救助白色母猫求好心人领养</h2>
										</a>
										<div class="info">
											<div class="aut" style="float: left; margin: 0;"> 
												<a href="" target="_blank"> 
													<img src="images/client/adopt/user-1.gif" width="26" height="26"> 
													<span>wx_t7Wjb97B</span>
												 </a> 
											</div>
											<div class="time" style="float: left; margin: 0 0 0 20px;"> 
												<i></i> 
												<span>2017-01-15</span>
											</div>
											<div class="tags" style="margin: 0 0 0 20px;"> <i></i> 
												<a href="" title="165人围" target="_blank">165人围观
												</a>
											</div>
										</div>
										<div class="des">长毛那只已做绝育，未免疫，身体健康，蓝色眼睛非常好看，性格非常亲人，粘人。短毛那只未做绝育和免疫，是这两天刚刚请到屋子里的，和长毛那只一直...
										</div>
									</div>
								</li>
								<li class="pbox">
									<div class="img">
										<a href="" class="sort" target="_blank"> 北京宠物领养 </a>
										<a href="" target="_blank"  >
											<img src="images/client/adopt/1.jpg" title="北京西城救助白色母猫求好心人领养">
										</a>
									</div>
									<div class="word">
										<a href="" target="_blank">
											<h2>北京西城救助白色母猫求好心人领养</h2>
										</a>
										<div class="info">
											<div class="aut" style="float: left; margin: 0;"> 
												<a href="" target="_blank"> 
													<img src="images/client/adopt/user-1.gif" width="26" height="26"> 
													<span>wx_t7Wjb97B</span>
												 </a> 
											</div>
											<div class="time" style="float: left; margin: 0 0 0 20px;"> 
												<i></i> 
												<span>2017-01-15</span>
											</div>
											<div class="tags" style="margin: 0 0 0 20px;"> <i></i> 
												<a href="" title="165人围" target="_blank">165人围观
												</a>
											</div>
										</div>
										<div class="des">长毛那只已做绝育，未免疫，身体健康，蓝色眼睛非常好看，性格非常亲人，粘人。短毛那只未做绝育和免疫，是这两天刚刚请到屋子里的，和长毛那只一直...
										</div>
									</div>
								</li>
								<li class="pbox">
									<div class="img">
										<a href="" class="sort" target="_blank"> 北京宠物领养 </a>
										<a href="" target="_blank"  >
											<img src="images/client/adopt/1.jpg" title="北京西城救助白色母猫求好心人领养">
										</a>
									</div>
									<div class="word">
										<a href="" target="_blank">
											<h2>北京西城救助白色母猫求好心人领养</h2>
										</a>
										<div class="info">
											<div class="aut" style="float: left; margin: 0;"> 
												<a href="" target="_blank"> 
													<img src="images/client/adopt/user-1.gif" width="26" height="26"> 
													<span>wx_t7Wjb97B</span>
												 </a> 
											</div>
											<div class="time" style="float: left; margin: 0 0 0 20px;"> 
												<i></i> 
												<span>2017-01-15</span>
											</div>
											<div class="tags" style="margin: 0 0 0 20px;"> <i></i> 
												<a href="" title="165人围" target="_blank">165人围观
												</a>
											</div>
										</div>
										<div class="des">长毛那只已做绝育，未免疫，身体健康，蓝色眼睛非常好看，性格非常亲人，粘人。短毛那只未做绝育和免疫，是这两天刚刚请到屋子里的，和长毛那只一直...
										</div>
									</div>
								</li>
								<li class="pbox">
									<div class="img">
										<a href="" class="sort" target="_blank"> 北京宠物领养 </a>
										<a href="" target="_blank"  >
											<img src="images/client/adopt/1.jpg" title="北京西城救助白色母猫求好心人领养">
										</a>
									</div>
									<div class="word">
										<a href="" target="_blank">
											<h2>北京西城救助白色母猫求好心人领养</h2>
										</a>
										<div class="info">
											<div class="aut" style="float: left; margin: 0;"> 
												<a href="" target="_blank"> 
													<img src="images/client/adopt/user-1.gif" width="26" height="26"> 
													<span>wx_t7Wjb97B</span>
												 </a> 
											</div>
											<div class="time" style="float: left; margin: 0 0 0 20px;"> 
												<i></i> 
												<span>2017-01-15</span>
											</div>
											<div class="tags" style="margin: 0 0 0 20px;"> <i></i> 
												<a href="" title="165人围" target="_blank">165人围观
												</a>
											</div>
										</div>
										<div class="des">长毛那只已做绝育，未免疫，身体健康，蓝色眼睛非常好看，性格非常亲人，粘人。短毛那只未做绝育和免疫，是这两天刚刚请到屋子里的，和长毛那只一直...
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="dopt-button">
							<a href="">阅读更多+</a>
						</div>
					</div>
				</div>


				<div class="inner-right">
					<div class="r-top">
						<a href="" target="_blank">
							<img src="images/client/right/top-1.jpg" width="278px">
						</a>
					</div>
					<div class="kuaixun">
						<div class="kx-title">
							<h3>宠物新闻</h3>
							<a href="" target="_blank">MORE&gt;</a>
						</div>
						<ul class="kx-ul">
							<li class="kx-li">
								<a href="">
									<div class="time">08:24</div>
									<div class="tits">旅顺领养日 25只萌宠找到新家</div>
								</a>
							</li>
							<li class="kx-li">
								<a href="">
									<div class="time">05:24</div>
									<div class="tits">当残疾动物装上3D打印假肢 其它动物都哭了</div>
								</a>
							</li>
							<li class="kx-li">
								<a href="">
									<div class="time">06:08</div>
									<div class="tits">一对流浪狗露宿街头 互相拥抱相依为伴</div>
								</a>
							</li>
							<li class="kx-li">
								<a href="">
									<div class="time">08:06</div>
									<div class="tits">花900元网购宠物狗 收到的竟是一只玩具熊</div>
								</a>
							</li>
						</ul>
					</div>

					<!-- 广告图片-->
					<div class="guangao">
						<a href="" target="_blank">
							<img src="images/client/right/guanggao.jpg">
						</a>
					</div>

					<!--宠物百科-->
					<div class="cwbk">
						<div class="cwbk-title">
							<h3>宠物百科</h3>
							<a rel="nofollow" href="" target="_blank">MORE&gt;</a>
						</div>
						<ul class="cwbk-ul">
							<li>
								<div class="img">
									<a href="" target="_blank"> 
										<img src="images/client/right/cwbk-1.jpg" width="90" height="60"> 
									</a> 
								</div>
								<div class="word"> 
									<a href="" target="_blank">
						      			<h4 class="name">巨型淡水龙虾</h4>
						      		</a>
						      	</div>
							</li>
							<li>
								<div class="img">
									<a href="" target="_blank"> 
										<img src="images/client/right/cwbk-2.jpg" width="90" height="60"> 
									</a> 
								</div>
								<div class="word"> 
									<a href="" target="_blank">
						      			<h4 class="name">黄金巨手虾</h4>
						      		</a>
						      	</div>
							</li>
							<li>
								<div class="img">
									<a href="" target="_blank"> 
										<img src="images/client/right/cwbk-3.jpg" width="90" height="60"> 
									</a> 
								</div>
								<div class="word"> 
									<a href="" target="_blank">
						      			<h4 class="name">天空蓝魔</h4>
						      		</a>
						      	</div>
							</li>
							<li>
								<div class="img">
									<a href="" target="_blank"> 
										<img src="images/client/right/cwbk-4.jpg" width="90" height="60"> 
									</a> 
								</div>
								<div class="word"> 
									<a href="" target="_blank">
						      			<h4 class="name">樱花虾</h4>
						      		</a>
						      	</div>
							</li>
						</ul>
					</div>

					<!--微信二维码-->
					<div class="wxewm">
						<div class="ewm-img">
							<img src="images/client/right/ewm.jpg">
						</div>
					</div>
				</div>
			</div>

			<!-- 其他 -->
			<div class="mainother">
				<div class="partnerstitle"></div>
				<div class="partnersimg">
					<a href="http://www.hao123.com/" target="_blank">
						<img src="images/client/bottom/logo1.jpg" alt="hao123上网导航">
					</a>
				</div>
				<div class="partnersimg">
					<a href="http://www.goumin.com/" target="_blank">
						<img src="images/client/bottom/logo2.jpg" alt="狗民网">
					</a>
				</div>
				<div class="partnersimg">
					<a href="http://www.aigou.com/" target="_blank">
						<img src="images/client/bottom/logo3.jpg" alt="爱狗网">
					</a>
				</div>
				<div class="partnersimg">
					<a href="http://www.mypethome.com/" target="_blank">
						<img src="images/client/bottom/logo4.jpg" alt="宠物之家">
					</a>
				</div>
				<div class="partnersimg">
					<a href="http://www.chinapet.com/" target="_blank">
						<img src="images/client/bottom/logo5.jpg" alt="宠物中国">
					</a>
				</div>
				<div class="partnersimg">
					<a href="http://www.ttpet.com/" target="_blank">
						<img src="images/client/bottom/logo6.jpg" alt="天天宠物网">
					</a>
				</div>
				<div class="partnersimg">
					<a href="http://www.ichong123.com/" target="_blank">
						<img src="images/client/bottom/logo7.jpg" alt="爱宠网">
					</a>
				</div>
				<div class="partnersimg">
					<a href="http://www.ganji.com/" target="_blank">
						<img src="images/client/bottom/logo8.jpg" alt="赶集网">
					</a>
				</div>
			</div>

			<div class="links">
				<div class="linkstitle"></div>
				<ul class="ulfix">
					  <li><a href="http://www.fang.eu/" target="_blank" class="url_main">房易优</a></li>
					  <li><a href="http://www.lianzhonghuizhi.com/" target="_blank" class="url_main">互联网金融推广</a></li>
					  <li><a href="http://www.shcwhj.com/" target="_blank" class="url_main">上海宠物婚介网</a></li>
					  <li><a href="http://www.shdog.net/" target="_blank" class="url_main">上海狗狗网</a></li>
					  <li><a href="http://www.pet0513.com/" target="_blank" class="url_main">南通宠物网</a></li>
					  <li><a href="http://www.goumin.com/" target="_blank" class="url_main">狗民网</a></li>
					  <li><a href="http://www.aopets.com/" target="_blank" class="url_main">宠物用品</a></li>
					  <li><a href="http://www.petkoo.com/" target="_blank" class="url_main">宠酷网</a></li>
					  <li><a href="http://www.muyangquan.com/" target="_blank" class="url_main">中国牧羊犬网</a></li>
					  <li><a href="http://www.5iao.cn/" target="_blank" class="url_main">中华藏獒网</a></li>
					  <li><a href="http://www.petkoo.com/" target="_blank" class="url_main">宠酷网</a></li>
					  <li><a href="http://www.tcbaby.cn/" target="_blank" class="url_main">成都天才宠物网</a></li>
					  <li><a href="http://www.zangao123.com/" target="_blank" class="url_main">藏獒</a></li>
					  <li><a href="http://www.chongwu88.cn/" target="_blank" class="url_main">中国宠物医院</a></li>
					  <li><a href="http://www.bjaichong.com/" target="_blank" class="url_main">家宠易康</a></li>
					  <li><a href="http://www.ao66.com/" target="_blank" class="url_main">中国藏獒网</a></li>
					  <li><a href="http://www.dogmr.com/" target="_blank" class="url_main">宠物美容学校</a></li>
					  <li><a href="http://www.58.com/zangao" target="_blank" class="url_main">藏獒</a></li>
					  <li><a href="http://www.ttpet.com/" target="_blank" class="url_main">天天宠物网</a></li>
					  <li><a href="http://www.1dutm.com/" target="_blank" class="url_main">一度藏獒网</a></li>
					  <li><a href="http://www.zhonghuadubin.com/" target="_blank" class="url_main">杜宾犬</a></li>
					  <li><a href="http://pet.pclady.com.cn/" target="_blank" class="url_main">pclady宠物</a></li>
					  <li><a href="http://www.maogoupet.cn/" target="_blank" class="url_main">猫狗网</a></li>
					  <li><a href="http://www.pethr.com/" target="_blank" class="url_main">宠物人才网</a></li>
					  <li><a href="http://www.56pet.com/" target="_blank" class="url_main">56宠物网</a></li>
					  <li><a href="http://pet.pclady.com.cn/dog/" target="_blank" class="url_main">宠物狗专区</a></li>
					  <li><a href="http://www.yipets.com/" target="_blank" class="url_main">忆宠物摄影工作室</a></li>
					  <li><a href="http://www.dog126.com/" target="_blank" class="url_main">淘狗网</a></li>
					  <li><a href="http://sh.58.com/pets.shtml" target="_blank" class="url_main">上海宠物网</a></li>
					  <li><a href="http://www.diaoshu.net/" target="_blank" class="url_main">宠物貂</a></li>
					  <li><a href="http://sh.58.com/dog/" target="_blank" class="url_main">上海宠物狗</a></li>
					  <li><a href="http://www.szpet.com/" target="_blank" class="url_main">深圳宠物网</a></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 底部-->
	<div class="footer">
		<div class="ft">
			<div class="footer-left">		
				<p>"© 2016-2017 "&nbsp;&nbsp;<a href="" target="_blank">CK宠物狗狗</a>
				&nbsp;&nbsp;PETLY 冀ICP备11010768号-4</p>
			</div>

			<div class="footer-right">
				<a href="http://www.petly.net/aboutus/index.html" target="_blank" title="">关于我们</a>
				<span></span>
				<a href="http://www.petly.net/aboutus/remind.html" target="_blank" title="">领养提示</a>
				<span></span>
				<a href="http://www.petly.net/aboutus/help.html" target="_blank" title="">使用帮助</a>
				<span></span>
				<a href="http://www.petly.net/aboutus/cooperation.html" target="_blank" title="">商务合作</a>
				<span></span>
				<a href="http://www.petly.net/aboutus/contact.html" target="_blank" title="">联系我们</a>
			</div>
		</div>

		<!-- 回到顶部 -->
		<div id="share">
			<a id="totop" title="返回顶部" style="display: block;">顶部</a>
		</div>
	</div>
</body>
</html>